<% paths = {
     "zoomin" => { :d => "M16 8H12V4L11 3H10L9 4V8H5L4 9v1l1 1H9v4l1 1h1l1-1V11h4l1-1V9z" },
     "zoomout" => { :d => "M4 9v1l1 1H16l1-1V9L16 8H5Z" },
     "geolocate" => { :d => "M10 10v6h2L16 6V4H14L4 8v2Z" },
     "layers" => { :d => "M4.094 13.5 9.5 16h1l5.406-2.5L17 14v1l-6.5 3h-1L3 15V14l1.094-.5Zm0-4L9.5 12h1l5.406-2.5L17 10v1l-6.5 3h-1L3 11V10l1.094-.5ZM9.5 3h1L17 6V7l-6.5 3h-1L3 7V6L9.5 3Z" },
     "key" => { :d => "M9 3 8 4V6L9 7h2l1-1V4L11 3zM9 9 8 10v6l1 1h2l1-1V10L11 9z" },
     "share" => { :d => "m15 2-1 1V5h-2c-6 0-6 7-6 7s2-4 6-4h2v2l1 1 4-4.5L15 2ZM2 6 1 7v9l1 1h10l1-1V10h-1c-.32 0-.66.073-1 .188V15H3V8h1.531c.344-.669.792-1.348 1.344-2H2Z" },
     "note" => { :d => "M17 12H15v2H13v2h2v2h2V16h2V14H17V12ZM3 12H6l2 3 2-3h3l1-1V4L13 3H3L2 4v7Z" }
   }

   icons.each do |icon| %>
     <% if paths[icon] %>
       <path id="icon-<%= icon %>" fill="currentColor" <%= tag.attributes(paths[icon]) %> />
     <% end %>
     <% if icon == "query" %>
       <g id="icon-query" fill="currentColor">
         <path d="M3 1s9 7 9 7c-1.056.587-2.112 1.173-3.168 1.76l3.031 6.615c.346.753.015 1.643-.738 1.989-.753.345-1.643.014-1.989-.739L6.201 11.221C5.134 11.814 4.067 12.407 3 13V1z" />
         <text x="12.5" y="18.512" font-family="Helvetica, sans-serif" font-weight="Bold" font-size="12">?</text>
       </g>
     <% end %>
   <% end %>
